import React from 'react'
import { Tabs } from 'antd';
import './index.scss'

const { TabPane } = Tabs;

export default function Tab(props) {
  console.log(props);
  function callback(key) {
    console.log(key);
  }
  const Demo = () => (
    <Tabs defaultActiveKey="1" onChange={callback}>
      <TabPane tab={props.tab1} key="1">
        {props.Search}
        {props.List1}
        {/* <List columns={columns1} data={data1} /> */}
      </TabPane>
      <TabPane tab={props.tab2} key="2">
        {props.Search}
        {props.List2}
        {/* <List columns={columns2} data={data2} /> */}
      </TabPane>
    </Tabs>
  );
  return (
    <div className='tabs'>
      <Demo />
    </div>
  )
}
